<template>
  <div id="app">
   <v-header :seller="seller"></v-header>
    <div class ="tab">
	    	<div class="tab-item">
	    			<router-link to="/goods"  tag="li" :class="">
              <div class="">商品</div>
        		</router-link>
	    	</div>
    		<div class="tab-item">
    			<router-link to="/ratings" tag="li">
              <div class="">评论</div>
        		</router-link>
    		</div>
    		<div class="tab-item">
    		    <router-link to="/seller"  tag="li">
              <div class="">商家</div>
        		</router-link>
    		</div>
    </div>
    <div class="content">
    	<router-view></router-view>
    </div>
  </div>
</template>

<script>
	
	import Header from './components/header/Header'
export default {
  components: {
  	'v-header':Header
  },
   data() {
    return {
      seller: {} // 图文数据
    };
  },
  created() {
  	console.log("haha");
  	this.$http.get("./static/data.json").then(result =>{
  		if(result.data !=null){
  			this.seller=result.data.seller
  			console.log(this.seller)
  		}
  	});
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
#app{
	.tab{
		display: flex;
		width:100%;
		height: 40px;
		line-height:40px; 
	 .tab-item{
	 		flex:1;
			text-align:center;
			font-size:28px;
			color:rgb(77,85,93);
			line-height:28px;
			display: block;
		}
		.li{
			font-size:28px;
			color:rgb(240,20,20);
			line-height:28px;
		}
		
	}
}

</style>
